<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<title></title>
	<style>
		* {
			margin: 0px;
			padding: 0px;
			box-sizing: border-box;
			list-style: none;
		}

		.swiper-box {
			width: 100%;
			overflow-x: scroll;
			/* Firefox */
			scrollbar-width: none;			
			/* IE 10+ */
			-ms-overflow-style: none;
		}

		.swiper-box::-webkit-scrollbar {
			width: 0px;
			height: 0px;
		}

		.items {
			width: 1600px;
			display: flex;
		}

		.items>li {
			width: 200px;
			height: 40px;
			padding: 5px;
		}

		.items>li>div {
			width: 100%;
			height: 100%;
			border: 1px solid #000;
			background-color: #ff0;
		}
	</style>
</head>

<body>
	<div class="swiper-box">
		<ul class="items">
			<li>
				<div></div>
			</li>
			<li>
				<div></div>
			</li>
			<li>
				<div></div>
			</li>
			<li>
				<div></div>
			</li>
			<li>
				<div></div>
			</li>
			<li>
				<div></div>
			</li>
			<li>
				<div></div>
			</li>
			<li>
				<div></div>
			</li>
		</ul>
	</div>
</body>

</html>